<!DOCTYPE html>

<title>TagsField demo</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<link rel="stylesheet" href="style/demo.css">
<link rel="stylesheet" href="style/tags.css">

<p>This is a demo of a control <a href="http://softwaremaniacs.org/soft/tags/">TagsField</a> library for Django.

<p>The form is for test only, it doesn't submit anywhere, just shows how the control
works in a browser.

<form action="" method="get">
  <p>
    <label for="id_title">Title</label>
    <input type="text" id="id_title" class="vTextField required" name="title" size="30" value="Album" maxlength="50" />
    
  <fieldset>
    <legend>Tags</legend>
    
    <div id="tag_widget">
  <ul>
  
    <li class="output">
      <input type="hidden" name="tags" value="blues">
      
      <a href="/tags/blues/">blues</a>

      
      <img src="style/delete.png" alt="[-]" title="" onclick="deleteTag(this);">
  
    <li class="output">
      <input type="hidden" name="tags" value="guitar">
      
      <a href="/tags/guitar/">guitar</a>
      
      <img src="style/delete.png" alt="[-]" title="" onclick="deleteTag(this);">
  
    <li class="input">
      <input type="text" name="tags" class="suggest_tag" autocomplete="off">
      <img src="style/delete.png" alt="[-]" title="" onclick="deleteTag(this);">

  </ul>
  <p><img src="style/add.png" alt="[+]" title="" onclick="addTag();">
  <ul class="suggest tag" style="display:none;">
    
    <li>blues
    
    <li>guitar
    
    <li>guitar acoustic
    
    <li>guitar electric
    
    <li>live
    
    <li>liquid
    
    <li>rock
    
  </ul>
</div>

<script type="text/javascript" src="js/tags.js"></script>
<script type="text/javascript">
  addEvent(window, 'load', function() {initTagWidget(document.getElementById('tag_widget'));});
</script>

  </fieldset>
  
  <div class="buttons"><button type="submit">OK</button></div>
</form>